<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>program</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/pro.css">

</head>
<body>
<div class="header">
	<div class="header-inner">
		<img  class="circle" src="images/circle_03.gif">
	  <h1>
	  	<a href="#">
         <span style="color:rgb(216,69,0)">Eagles</span>
         <span style="color:rgb(247,247,247)">Troop</span>
        </a>
      </h1>
		<ul class="nav">
			<li><a href="index.html">About</a></li>
			<li><a href="foundation.html">Foundation</a></li>
			<li><a href="#"><span style="color:rgb(204,36,0)">Program</span></a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">Leaders</a></li>
			<li><a href="#">Contacts</a></li>
		</ul>
	</div>	
</div>



<!-- main部分 -->
<div class="main">


  <div class="main-inner">
       <img src="images/main_top_03.gif" >  
	<!-- content -->
	<div class="content">
		<div class="con-top">
          	<h1>Scout Orientation</h1>
<p>
	<b>sed diam nonumy eirmod tempor incidunt ut labore et dolore magna aliquyam erat,sed diam<br>voluptua.At vero eos et accusam et justo duo dolores et ea rebum.Stet clita kasd gubergren,<br>no seatakimata sanctus est Lorem ipsum dolor sit amet.</b>
</p>	
  <ul class="left">
    <li>▶ <a href="#">Lorem ipsum dolor sit amet</a></li>
    <li>▶ <a href="#">consetetur sadipscing elitr,sed diam</a></li>
    <li>▶ <a href="#">nonumy eirmod tempor incidunt ut labore</a></li>
    <li>▶ <a href="#">At vero eos et accusam et justo duo</a></li>
    <li>▶ <a href="#">Stet clita kasd gubergren no seatakimata</a></li>
  </ul>
  <ul class="right">
  	<li>▶ <a href="#">consetetur sadipscing elitr,sed nhc</a></li>
  	<li>▶ <a href="#">nonumy eirmod tempor incidunt</a></li>
  	<li>▶ <a href="#">Stet clita kasd gubergren no seat</a></li>
  	<li>▶ <a href="#">Lorem ipsum dolor sit amet</a></li>
  	<li>▶ <a href="#">At vero eos et accusam et nudhfu</a></li>
  </ul>
      
      <div class="clear-box"></div>
      <div class="more" style="margin:25px 0">more</div>

	</div>

	<div class="con-bottom">
		<h1>Advancement</h1>
		<p class="lorem-one">
<span style="color:white"><b>Lorem ipsum dolor sit amet,consetetur sadipscing elitr</span> sed diam nonumy eirmod tempor<br> incidunt ut labore et dolore magna aliquyam erat,sed diam voluptua.At vero eos et accusam et<br>justo duo dolores et ea rebum.Set clita kasd gubergren,no seatakimata sanctus est Lorem<br>ipsum dolor sit amet.</b></p>

<img src="images/pro_camp_03.gif" alt="">


<p class="lorem-two">
<b>Lorem ipsum dolor sit amet,consetetur sadipscing elitr<br>sed diam nonumy eirmod tempor incidunt ut labore et<br>dolore magna aliquyam erat,sed diam voluptua.At vero<br>eos et accusam et justo duo dolores et ea rebum.Stet<br>clita kasd gubergren,no seatakimata sanctus est Lorem<br>ipsum dolor sit amet.Lorem ipsum dolor sit amet,<br>consetetur sadipscing elitr.</b>
</p>
<p class="sed">
	<b>sed diam nonumy eirmod tempor incidunt ut labore et dolore magna aliquyam erat,sed diam<br>voluptua.At vero eos et accusam et justo duo dolores et ea rebum.Stet clita kasd gubergren,<br>no seatakimata sanctus est Lorem ipsum dolor sit amet.</b>
</p>	
     <div class="clear-box"></div>    
 
  </div>

<!-- sidebar部分 -->

<div class="sidebar">

	
		<div class="sidebar-title-top">Merit Badges</div>
		<img src="images/pro_side_top_03.gif" >
		<p>
			<b>consetetur sadipscing elitr sed diam<br>nonumy eirmod tempor incidunt ut labore et<br>dolore magna aliquyam erat,</b>
		</p>
		<ul>
			<li><a href="#">Stet clita kasd gubergren no sea</a></li>
			<li><a href="#">Lorem ipsum dolor sit amet lorem ipsum</a></li>
			<li style="border-color:rgb(30,32,32)"><a href="#">Dolor sit amet consetrtur</a></li>
		</ul>
            <div class="more" >more</div>


		<div class="side-title-bottom">Merit Badges</div>
		<img src="images/pro_side_bottom_06.gif" >
		<p>
			<b>Sed diam nonumy eirmod tempor invidunt ut<br>labore et dolor magna.</b>
		</p>
          <div class="more" style="margin-top:15px">more</div>

	</div>


</div>
</div>
   














<!-- footer部分 -->
<div class="footer">
	    	<p>
	    		Eagles Troops © 2012<br>
	    		<a href="#">Website Template</a>by TemplateMonster.com
	    	</p>
           <img src="images/facebook_12.gif">

	</div>


</body>
</html> 